<template>
<div class="site header-style-one header-style-three">

<!-- Preloader -->
 
<!-- Preloader End -->

<!-- Mobile Menu -->
<div class="mobile-menu-container">
    <div class="mobile-menu-close"></div>
    <div id="mobile-menu-wrap"></div>
</div>
<!-- Mobile Menu End -->

<!-- Sidebar Toggle Area -->
<div class="toggle-bg"></div>
<div class="toggle-cart-products">
    <div class="toggle-close">x</div>
    <div class="widget_shopping_cart">
        <div class="widget_shopping_cart_content">
            <ul class="product_list_widget ">
                <li class="woocommerce-mini-cart-item mini_cart_item">
                    <a href="#" class="remove_from_cart_button">×</a>
                    <a href="#">
                        <img src="assets/images/shop/cart-product-1.jpg" alt="Product Image">
                        Flower With Vase
                    </a>
                    <span class="quantity">1 × $18.00</span>
                </li>

                <li class="woocommerce-mini-cart-item mini_cart_item">
                    <a href="#" class="remove_from_cart_button">×</a>
                    <a href="#">
                        <img src="assets/images/shop/cart-product-2.jpg" alt="Product Image">
                        Fruit With Basket
                    </a>
                    <span class="quantity">1 × $22.00</span>
                </li>

                <li class="woocommerce-mini-cart-item mini_cart_item">
                    <a href="#" class="remove_from_cart_button">×</a>
                    <a href="#">
                        <img src="assets/images/shop/cart-product-3.jpg" alt="Product Image">
                        Fertilizer Bag
                    </a>
                    <span class="quantity">1 × 48.00</span>
                </li>

                <li class="woocommerce-mini-cart-item mini_cart_item">
                    <a href="#" class="remove_from_cart_button">×</a>
                    <a href="#">
                        <img src="assets/images/shop/cart-product-4.jpg" alt="Product Image">
                        Hand Shovel
                    </a>
                    <span class="quantity">1 × $18.00</span>
                </li>
            </ul>

            <p class="woocommerce-mini-cart__total">
                Subtotal:
                <span class="amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>126.00</bdi></span>
            </p>

            <p class="woocommerce-mini-cart__buttons">
                <a href="#">View cart</a>
                <a href="#">Checkout</a>
            </p>
        </div>
    </div>
</div>
<!-- Sidebar Toggle Area End -->

<!-- Header Area -->
<header class="header-area site-header">
    <div class="main-menu-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-2 col-md-4 col-5">
                    <div class="site-branding">
                        <a href="index.html">
                            <img src="assets/images/logo/logo-one.png" alt="onland">
                        </a>
                    </div>
                </div>

                <div class="col-lg-10 col-md-8 col-7 d-flex align-items-center justify-content-end">
                    <div class="header-navigation-area">
                        <nav class="main-navigation">
                            <div class="main-menu-container">
                                <ul id="main-menu" class="menu">
                                    <li class="menu-item-has-children current-menu-ancestor current-menu-item">
                                        <a href="index.html">Home</a>
                                        <ul class="sub-menu">
                                            <li><a href="index.html">Home One</a></li>
                                            <li><a href="index-2.html">Home Two</a></li>
                                            <li class="current-menu-item"><a href="index-3.html">Home Three</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="about-us.html">About</a></li>

                                    <li class="menu-item-has-children">
                                        <a href="services.html">Services</a>
                                        <ul class="sub-menu">
                                            <li><a href="services.html">Services</a></li>
                                            <li><a href="service-details.html">Service Details</a></li>
                                        </ul>
                                    </li>

                                    <li class="menu-item-has-children">
                                        <a href="projects.html">Projects</a>
                                        <ul class="sub-menu">
                                            <li><a href="projects.html">Projects</a></li>
                                            <li><a href="project-details.html">Project Details</a></li>
                                        </ul>
                                    </li>

                                    <li class="menu-item-has-children">
                                        <a href="blog.html">Blog</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children">
                                                <a href="blog.html">Blog</a>
                                                <ul class="sub-menu">
                                                    <li><a href="blog.html">Right Sidebar</a></li>
                                                    <li><a href="blog-deails-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a href="blog-3-column.html">3 Column</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children">
                                                <a href="blog-details.html">Blog Details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="blog-details.html">Right Sidebar</a></li>
                                                    <li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>

                                    <li class="menu-item-has-children">
                                        <a href="#">Pages</a>
                                        <ul class="sub-menu">
                                            <li><a href="team.html">Our Team</a></li>
                                            <li><a href="team-details.html">Team Details</a></li>
                                            <li><a href="shop.html">Shop</a></li>
                                            <li><a href="404.html">Error 404</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>

                    <div class="header-buttons-area">
                        <ul class="header-buttons-wrapper cvt-list-style d-flex justify-content-end align-items-center">
                            <li>
                                <div class="header-mini-cart">
                                    <i class="flaticon-shopping-basket"></i>
                                    <span class="cart-product-count">4</span>
                                </div>
                            </li>
                            <li class="header-button"><a class="cvt-button" href="tel:123456">Call Now<i class="flaticon-phone-call"></i></a></li>
                            <li class="mobile-menu-trigger"><span></span><span></span><span></span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Header Area End-->

<!-- Site Content Wrapper -->
<div class="site-content">
    <!-- Content Area-->
    <div class="content-area">
        <!-- Slider Section -->
        <section class="cvt-home-three-slider-area">
            <div class="cvt-home-slider-wrapper cvt-home-three-slider-wrapper cvt-cover-bg" data-background="assets/images/slider/h3-slider-main-bg.jpg">
                <div class="cvt-single-slide-item">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-xl-5 col-lg-8 col-sm-10">
                                <div class="cvt-slider-content-wrapper">
                                    <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                        <h2>Perfect Landscape Solution.</h2>
                                    </div>

                                    <div class="cvt-slider-content-text" data-animation="fadeInUp" data-delay="1s">
                                        <p>It is a long established fact that reader will distracted readable content of a page when looking its layout.</p>
                                    </div>

                                    <div class="slider-button-wrapper">
                                        <a data-animation="fadeInUp" data-delay="1.5s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="cvt-slider-right-image cvt-slider-right-image-1" data-animation="fadeInRight" data-delay="1.5s">
                        <img src="assets/images/slider/h3-slide-1.png" alt="Slider">
                    </div>
                </div>

                <div class="cvt-single-slide-item">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-xl-5 col-lg-8 col-sm-10">
                                <div class="cvt-slider-content-wrapper">
                                    <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                        <h2>Perfect Landscape Solution.</h2>
                                    </div>

                                    <div class="cvt-slider-content-text" data-animation="fadeInUp" data-delay="1s">
                                        <p>It is a long established fact that reader will distracted readable content of a page when looking its layout.</p>
                                    </div>

                                    <div class="slider-button-wrapper">
                                        <a data-animation="fadeInUp" data-delay="1.5s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="cvt-slider-right-image cvt-slider-right-image-2" data-animation="fadeInRight" data-delay="1s">
                        <img src="assets/images/slider/h3-slide-2.png" alt="Slider">
                    </div>
                </div>

                <div class="cvt-single-slide-item">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="col-xl-5 col-lg-8 col-sm-10">
                                <div class="cvt-slider-content-wrapper">
                                    <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                        <h2>Perfect Landscape Solution.</h2>
                                    </div>

                                    <div class="cvt-slider-content-text" data-animation="fadeInUp" data-delay="1s">
                                        <p>It is a long established fact that reader will distracted readable content of a page when looking its layout.</p>
                                    </div>

                                    <div class="slider-button-wrapper">
                                        <a data-animation="fadeInUp" data-delay="1.5s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cvt-slider-right-image cvt-slider-right-image-3" data-animation="fadeInRight" data-delay="1s">
                        <img src="assets/images/slider/h3-slide-3.png" alt="Slider">
                    </div>
                </div>
            </div>
        </section>
        <!-- Slider Section End -->

        <!-- Service Section -->
        <section class="service-section-three">
            <div class="cvt-team-section-image-one">
                <img src="assets/images/services/service-bg-one.png" alt="Service Section image">
            </div>
            <div class="cvt-team-section-image-two">
                <img src="assets/images/services/service-bg-two.png" alt="Service Section image">
            </div>
            <div class="container">
                <div class="col-lg-12">
                    <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                        <div class="cvt-section-title-content">
                            <span class="cvt-section-subtitle"># Our Services</span>
                            <h2 class="cvt-section-title">Choose A Service</h2>
                        </div>
                    </div>
                </div>

                <div class="row cvt-service-three-wrapper">
                    <div class="col-lg-4 col-md-6">
                        <div class="cvt-service-three-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-service-three-item-bg cvt-transition" data-background="assets/images/services/service-3-hover-bg.png"></div>
                            <div class="cvt-service-three-icon">
                                <i class="flaticon-fence-3"></i>
                            </div>

                            <a href="service-details.html"><h3 class="cvt-service-three-title">Garden Fence</h3></a>

                            <div class="cvt-service-three-button-wrapper">
                                <a href="service-details.html" class="cvt-service-three-button">View Details <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="cvt-service-three-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-service-three-item-bg cvt-transition" data-background="assets/images/services/service-3-hover-bg.png"></div>
                            <div class="cvt-service-three-icon">
                                <i class="flaticon-tree-1"></i>
                            </div>

                            <a href="service-details.html"><h3 class="cvt-service-three-title">Tree Plantation</h3></a>

                            <div class="cvt-service-three-button-wrapper">
                                <a href="service-details.html" class="cvt-service-three-button">View Details <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="cvt-service-three-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-service-three-item-bg cvt-transition" data-background="assets/images/services/service-3-hover-bg.png"></div>
                            <div class="cvt-service-three-icon">
                                <i class="flaticon-water-hose"></i>
                            </div>

                            <a href="service-details.html"><h3 class="cvt-service-three-title">Pipe Plantation</h3></a>

                            <div class="cvt-service-three-button-wrapper">
                                <a href="service-details.html" class="cvt-service-three-button">View Details <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="cvt-service-three-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-service-three-item-bg cvt-transition" data-background="assets/images/services/service-3-hover-bg.png"></div>
                            <div class="cvt-service-three-icon">
                                <i class="flaticon-flower-1"></i>
                            </div>

                            <a href="service-details.html"><h3 class="cvt-service-three-title">Flower Escaping</h3></a>

                            <div class="cvt-service-three-button-wrapper">
                                <a href="service-details.html" class="cvt-service-three-button">View Details <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="cvt-service-three-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-service-three-item-bg cvt-transition" data-background="assets/images/services/service-3-hover-bg.png"></div>
                            <div class="cvt-service-three-icon">
                                <i class="flaticon-plant-1"></i>
                            </div>

                            <a href="service-details.html"><h3 class="cvt-service-three-title">Seeds Growing</h3></a>

                            <div class="cvt-service-three-button-wrapper">
                                <a href="service-details.html" class="cvt-service-three-button">View Details <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6">
                        <div class="cvt-service-three-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-service-three-item-bg cvt-transition" data-background="assets/images/services/service-3-hover-bg.png"></div>
                            <div class="cvt-service-three-icon">
                                <i class="flaticon-eggs"></i>
                            </div>

                            <a href="service-details.html"><h3 class="cvt-service-three-title">Landscape Design</h3></a>

                            <div class="cvt-service-three-button-wrapper">
                                <a href="service-details.html" class="cvt-service-three-button">View Details <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Service Section End -->

        <!-- About Section -->
        <section class="about-section about-layout-three">
            <div class="cvt-tabs-wrapper-three-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 cvt-tab-image wow fadeInUp" data-wow-duration="1.25s">
                            <ul class="nav nav-tabs" data-background="assets/images/about/h3-about-tab.png">
                                <li>
                                    <a data-toggle="tab" href="#tab-number-1" class="active">
                                        <div class="cvt-tab-icon-wrapper cvt-font-icon">
                                            <i aria-hidden="true" class="flaticon-shears"></i>
                                        </div>
                                        <span class="cvt-tab-menu-text cvt-transition">Mission</span>
                                    </a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#tab-number-2">
                                        <div class="cvt-tab-icon-wrapper cvt-font-icon">
                                            <i aria-hidden="true" class="flaticon-leaf-1"></i>
                                        </div>
                                        <span class="cvt-tab-menu-text cvt-transition">Vision</span>
                                    </a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#tab-number-3">
                                        <div class="cvt-tab-icon-wrapper cvt-font-icon">
                                            <i aria-hidden="true" class="flaticon-flower-pot-1"></i>
                                        </div>
                                        <span class="cvt-tab-menu-text cvt-transition">Goal</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-xl-6">
                            <div class="tab-content wow fadeInUp" data-wow-duration="1.25s">
                                <div id="tab-number-1" class="cvt-tab-item tab-pane fade in active show">
                                    <div class="cvt-tab-content-wrapper">
                                        <span class="cvt-tab-subtitle"># What is Our Vision</span>

                                        <div class="tab-description">
                                            <h3 class="cvt-tab-title">We Give Awesome Landscape Service.</h3>

                                            <p>It is a long established fact that a reader will be distracted by the thing
                                                readable content of a page when looking at its layout. The point of the usin
                                                that it has a more-or-less normal distribution of letters, as there is opposed to
                                                using making it look like readable English page when we looking at its layout.</p>

                                            <strong>It is a long established fact that a reader will be the distracted by the
                                                readable content of a page when looking at its layout. The point usin
                                                that it has a more-or-less normal distribution.</strong>
                                        </div>

                                        <div class="cvt-tab-count-box-wrapper">
                                            <div class="row">
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">25</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Complete Project Per Month.</span>
                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">20</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Years Practical Experience.</span>
                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">80</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Awesome Team Members.</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="tab-number-2" class="cvt-tab-item tab-pane fade">
                                    <div class="cvt-tab-content-wrapper">
                                        <span class="cvt-tab-subtitle"># What is Our Vision</span>

                                        <div class="tab-description">
                                            <h3 class="cvt-tab-title">We Give Awesome Landscape Service.</h3>

                                            <p>It is a long established fact that a reader will be distracted by the thing
                                                readable content of a page when looking at its layout. The point of the usin
                                                that it has a more-or-less normal distribution of letters, as there is opposed to
                                                using making it look like readable English page when we looking at its layout.</p>

                                            <strong>It is a long established fact that a reader will be the distracted by the
                                                readable content of a page when looking at its layout. The point usin
                                                that it has a more-or-less normal distribution.</strong>
                                        </div>

                                        <div class="cvt-tab-count-box-wrapper">
                                            <div class="row">
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">25</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Complete Project Per Month.</span>
                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">20</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Years Practical Experience.</span>
                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">80</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Awesome Team Members.</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="tab-number-3" class="cvt-tab-item tab-pane fade">
                                    <div class="cvt-tab-content-wrapper">
                                        <span class="cvt-tab-subtitle"># What is Our Vision</span>

                                        <div class="tab-description">
                                            <h3 class="cvt-tab-title">We Give Awesome Landscape Service.</h3>

                                            <p>It is a long established fact that a reader will be distracted by the thing
                                                readable content of a page when looking at its layout. The point of the usin
                                                that it has a more-or-less normal distribution of letters, as there is opposed to
                                                using making it look like readable English page when we looking at its layout.</p>

                                            <strong>It is a long established fact that a reader will be the distracted by the
                                                readable content of a page when looking at its layout. The point usin
                                                that it has a more-or-less normal distribution.</strong>
                                        </div>

                                        <div class="cvt-tab-count-box-wrapper">
                                            <div class="row">
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">25</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Complete Project Per Month.</span>
                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">20</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Years Practical Experience.</span>
                                                    </div>
                                                </div>

                                                <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                    <div class="cvt-tab-counter-box">
                                                        <div class="cvt-count-number-unit">
                                                            <span class="cvt-count-number">80</span>
                                                            <span class="cvt-count-unit">+</span>
                                                        </div>
                                                        <span class="cvt-count-title">Awesome Team Members.</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- About Section End -->

        <!-- Partner Image Slider -->
        <div class="cvt-partner-image-wrapper cvt-cover-bg wow fadeInUp" data-wow-duration="1.25s" data-background="assets/images/others/cta-bg.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-partner-image-slider">
                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-13.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-1.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-14.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-2.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-15.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-3.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-16.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-4.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-17.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-5.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-18.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-6.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-13.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-1.png" alt="Partner Image">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Partner Image Slider End-->

        <!-- Projects Section -->
        <section class="projects-section-three">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Our Projects</span>
                                <h2 class="cvt-section-title">Our Recent Projects</h2>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row cvt-service-slider-wrapper wow fadeInUp" data-wow-duration="1.25s">
                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="project-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/projects/project-17.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-tractor"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Grass Cleaning</h4>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="project-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/projects/project-18.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-tree-1"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Tree Planting</h4>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="project-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/projects/project-19.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-plant-1"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Garden Care</h4>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="project-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/projects/project-20.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-eggs"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Branch Cutting</h4>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="project-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/projects/project-21.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-flower-1"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Flower Scaping</h4>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-6 col-lg-8 col-md-9">
                        <div class="cvt-service-slider-bottom-text">
                            We can design and build <span>your garden.</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Projects Section End -->

        <!-- Faq Section -->
        <section class="faq-section faq-layout-three">
            <div class="faq-bg-one wow fadeInLeft" data-wow-duration="1.25s">
                <img src="assets/images/faq/faq-two-bg.png" alt="Faq">
            </div>

            <div class="faq-bg-two">
                <img src="assets/images/faq/faq-bg-three.png" alt="Faq">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">

                    </div>

                    <div class="col-lg-6">
                        <div class="cvt-section-title-wrapper wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Question And Answer</span>
                                <h2 class="cvt-section-title">Frequently Asked Question.</h2>
                            </div>
                        </div>

                        <div class="cvt-accordion-wrapper wow fadeInUp" data-wow-duration="1.25s">
                            <div class="accordion" id="cvt-accordion">

                                <div class="card">
                                    <div class="card-header ">
                                        <span class="card-title">
                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false">
                                                01. How to get your services?
                                            </button>
                                        </span>
                                    </div>

                                    <div id="collapse-1" class="collapse" data-parent="#cvt-accordion">
                                        <div class="card-body">
                                            <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card">
                                    <div class="card-header active">
                                        <span class="card-title">
                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-2" aria-expanded="false">
                                                02. What payment methods are available?
                                            </button>
                                        </span>
                                    </div>

                                    <div id="collapse-2" class="collapse" data-parent="#cvt-accordion">
                                        <div class="card-body">
                                            <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card">
                                    <div class="card-header active">
                                        <span class="card-title">
                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-3" aria-expanded="true">
                                                03. Do you works on weekend?
                                            </button>
                                        </span>
                                    </div>

                                    <div id="collapse-3" class="collapse show" data-parent="#cvt-accordion">
                                        <div class="card-body">
                                            <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Faq Section End -->

        <!-- Team Section -->
        <section class="team-section team-layout-three">
            <div class="cvt-team-section-image-one">
                <img src="assets/images/services/service-bg-one.png" alt="Service Section image">
            </div>

            <div class="cvt-team-section-image-two">
                <img src="assets/images/services/service-bg-two.png" alt="Service Section image">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Team Member</span>
                                <h2 class="cvt-section-title">Dedicated Members</h2>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-3 col-md-6">
                        <div class="cvt-single-team-member wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-member-hover-bg" data-background="assets/images/team/team-membe-hover-bg.png"></div>
                            <div class="cvt-member-image">
                                <a href="team-details.html">
                                    <img src="assets/images/team/member-1.jpg" alt="Team Member">
                                </a>
                            </div>
                            <div class="cvt-name-designation-wrapper">
                                <a href="team-details.html"><h3 class="cvt-member-name">Aretha Elkin</h3></a>
                                <span class="cvt-designation">Web Developer</span>
                            </div>

                            <div class="cvt-member-social">
                                <ul class="cvt-list-style cvt-list-inline">
                                    <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="cvt-single-team-member wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-member-hover-bg" data-background="assets/images/team/team-membe-hover-bg.png"></div>
                            <div class="cvt-member-image">
                                <a href="team-details.html">
                                    <img src="assets/images/team/member-2.jpg" alt="Team Member">
                                </a>
                            </div>
                            <div class="cvt-name-designation-wrapper">
                                <a href="team-details.html"><h3 class="cvt-member-name">Aretha Elkin</h3></a>
                                <span class="cvt-designation">Web Developer</span>
                            </div>

                            <div class="cvt-member-social">
                                <ul class="cvt-list-style cvt-list-inline">
                                    <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="cvt-single-team-member wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-member-hover-bg" data-background="assets/images/team/team-membe-hover-bg.png"></div>
                            <div class="cvt-member-image">
                                <a href="team-details.html">
                                    <img src="assets/images/team/member-3.jpg" alt="Team Member">
                                </a>
                            </div>
                            <div class="cvt-name-designation-wrapper">
                                <a href="team-details.html"><h3 class="cvt-member-name">Aretha Elkin</h3></a>
                                <span class="cvt-designation">Web Developer</span>
                            </div>

                            <div class="cvt-member-social">
                                <ul class="cvt-list-style cvt-list-inline">
                                    <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6">
                        <div class="cvt-single-team-member wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-member-hover-bg" data-background="assets/images/team/team-membe-hover-bg.png"></div>
                            <div class="cvt-member-image">
                                <a href="team-details.html">
                                    <img src="assets/images/team/member-4.jpg" alt="Team Member">
                                </a>
                            </div>
                            <div class="cvt-name-designation-wrapper">
                                <a href="team-details.html"><h3 class="cvt-member-name">Aretha Elkin</h3></a>
                                <span class="cvt-designation">Web Developer</span>
                            </div>

                            <div class="cvt-member-social">
                                <ul class="cvt-list-style cvt-list-inline">
                                    <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Team Section End -->

        <!-- Pricing Two Section -->
        <section class="pricing pricing-layout-two">
            <div class="service-two-bg-one">
                <img src="assets/images/services/service-bg-four.png" alt="Service Bg">
            </div>
            <div class="service-two-bg-two">
                <img src="assets/images/services/service-bg-three.png" alt="Service Bg">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># PRICING TABLE</span>
                                <h2 class="cvt-section-title">Price And Planning</h2>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="cvt-pricing-two-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-pricing-image cvt-transition">
                                <img src="assets/images/pricing/pricing-image-1.png" alt="Pricing">
                            </div>

                            <div class="cvt-pricing-content">
                                <h4 class="cvt-pricing-title cvt-transition">Basic</h4>
                                <h6 class="cvt-price cvt-transition">$225</h6>
                                <span class="cvt-duration cvt-transition">/ Monthly</span>

                                <div class="cvt-pricing-features">
                                    <ul class="cvt-list-style">
                                        <li><i class="flaticon-double-right-arrow"></i>Free Rubbish Removal</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Gardening Care</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Watering Garden With</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Planting &amp; Watering</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Landscape Design</li>
                                    </ul>
                                </div>
                                <a href="#" class="cvt-button cvt-pricing-button">Choose Plan <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="cvt-pricing-two-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-pricing-image cvt-transition">
                                <img src="assets/images/pricing/pricing-image-2.png" alt="Pricing">
                            </div>

                            <div class="cvt-pricing-content">
                                <h4 class="cvt-pricing-title cvt-transition">Standard</h4>
                                <h6 class="cvt-price cvt-transition">$225</h6>
                                <span class="cvt-duration cvt-transition">/ Monthly</span>

                                <div class="cvt-pricing-features">
                                    <ul class="cvt-list-style">
                                        <li><i class="flaticon-double-right-arrow"></i>Free Rubbish Removal</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Gardening Care</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Watering Garden With</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Planting &amp; Watering</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Landscape Design</li>
                                    </ul>
                                </div>
                                <a href="#" class="cvt-button cvt-pricing-button">Choose Plan <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="cvt-pricing-two-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-pricing-image cvt-transition">
                                <img src="assets/images/pricing/pricing-image-3.png" alt="Pricing">
                            </div>

                            <div class="cvt-pricing-content">
                                <h4 class="cvt-pricing-title cvt-transition">Gold</h4>
                                <h6 class="cvt-price cvt-transition">$225</h6>
                                <span class="cvt-duration cvt-transition">/ Monthly</span>

                                <div class="cvt-pricing-features">
                                    <ul class="cvt-list-style">
                                        <li><i class="flaticon-double-right-arrow"></i>Free Rubbish Removal</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Gardening Care</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Watering Garden With</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Planting &amp; Watering</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Landscape Design</li>
                                    </ul>
                                </div>
                                <a href="#" class="cvt-button cvt-pricing-button">Choose Plan <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="cvt-pricing-two-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-pricing-image cvt-transition">
                                <img src="assets/images/pricing/pricing-image-4.png" alt="Pricing">
                            </div>

                            <div class="cvt-pricing-content">
                                <h4 class="cvt-pricing-title cvt-transition">Platinum</h4>
                                <h6 class="cvt-price cvt-transition">$225</h6>
                                <span class="cvt-duration cvt-transition">/ Monthly</span>

                                <div class="cvt-pricing-features">
                                    <ul class="cvt-list-style">
                                        <li><i class="flaticon-double-right-arrow"></i>Free Rubbish Removal</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Gardening Care</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Watering Garden With</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Planting &amp; Watering</li>
                                        <li><i class="flaticon-double-right-arrow"></i>Landscape Design</li>
                                    </ul>
                                </div>
                                <a href="#" class="cvt-button cvt-pricing-button">Choose Plan <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Pricing Two Section End -->

        <!-- Contact Section -->
        <section class="contact-section">
            <div class="contact-bg-one">
                <img src="assets/images/faq/faq-bg-one.png" alt="Faq">
            </div>

            <div class="contact-bg-two">
                <img src="assets/images/faq/faq-bg-two.png" alt="Faq">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="cvt-section-title-wrapper wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Contact With Us</span>
                                <h2 class="cvt-section-title">Can Easily Book An Appointment.</h2>
                            </div>
                        </div>

                        <a href="tel:1234567890" class="cvt-button cvt-call-button wow fadeInUp" data-wow-duration="1.25s">Click To Call<i class="flaticon-phone-call"></i></a>
                    </div>

                    <div class="offset-lg-1 col-lg-6">
                        <div class="cvt-contact-form-container wow fadeInUp" data-wow-duration="1.25s">
                            <form id="contact-form" action="#" method="POST">
                                <div class="row">
                                    <div class="col-xl-6 col-md-6">
                                        <div class="cvt-form-control-wrapper">
                                            <input name="name" type="text" placeholder="Name *" required="">
                                            <i class="far fa-user"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 col-md-6">
                                        <div class="cvt-form-control-wrapper">
                                            <input name="email" type="email" placeholder="E-mail *" required="">
                                            <i class="far fa-envelope"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 col-md-6">
                                        <div class="cvt-form-control-wrapper">
                                            <input name="phone" type="text" placeholder="Phone">
                                            <i class="flaticon-phone-call"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 col-md-6">
                                        <div class="cvt-form-control-wrapper">
                                            <input name="subject" type="text" placeholder="Subject *">
                                            <i class="flaticon-leaf-2"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-12">
                                        <div class="cvt-form-control-wrapper cvt-textarea">
                                            <textarea name="message" cols="30" rows="10" placeholder="Message *"></textarea>
                                            <i class="fas fa-pencil-alt"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-12 text-center">
                                        <button type="submit">Send Now<i class="flaticon-double-right-arrow"></i></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Contact Section End -->

        <!-- Testimonial Section -->
        <section class="testimonial-section testimonial-layout-three">
            <div class="testimonial-left-bg">
                <img src="assets/images/testimonial/testimonial-left.png" alt="Testimonial">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-7 offset-xl-5 col-lg-12">
                        <div class="cvt-section-title-wrapper text-left wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Our Testimonials</span>
                                <h2 class="cvt-section-title">What People Say?</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container p-0">
                <div class="row">
                    <div class="col-xl-8 offset-xl-4 col-lg-12">
                        <div class="row cvt-testimonial-slider-two cvt-vertical-testimonial-slider wow fadeInUp" data-wow-duration="1.25s">
                            <div class="col-lg-12">
                                <div class="cvt-testimonial-item">
                                    <div class="cvt-testimonial-image cvt-cover-bg" data-background="assets/images/testimonial/testimonial-one.png">
                                        <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                                    </div>

                                    <div class="testimonial-two-content">
                                        <div class="cvt-testimonial-two-desc">
                                            <p>Lorem Ipsum is simply dummy text printing and typesetting industry. Lorem Ipsum been the industry standard dummy text ever since the 1500s, when unknown printer took galley type and scrambled it to make specimen book.</p>
                                        </div>

                                        <div class="cvt-name-designation">
                                            <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                            <span class="cvt-testimonial-designation">happy gardener</span>
                                        </div>

                                        <div class="cvt-testimonial-content-icon">
                                            <i class="flaticon-vegan"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="cvt-testimonial-item">
                                    <div class="cvt-testimonial-image cvt-cover-bg" data-background="assets/images/testimonial/testimonial-two.png">
                                        <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                                    </div>

                                    <div class="testimonial-two-content">
                                        <div class="cvt-testimonial-two-desc">
                                            <p>Lorem Ipsum is simply dummy text printing and typesetting industry. Lorem Ipsum been the industry standard dummy text ever since the 1500s, when unknown printer took galley type and scrambled it to make specimen book.</p>
                                        </div>

                                        <div class="cvt-name-designation">
                                            <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                            <span class="cvt-testimonial-designation">happy gardener</span>
                                        </div>

                                        <div class="cvt-testimonial-content-icon">
                                            <i class="flaticon-vegan"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <div class="cvt-testimonial-item">
                                    <div class="cvt-testimonial-image cvt-cover-bg" data-background="assets/images/testimonial/testimonial-three.png">
                                        <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                                    </div>

                                    <div class="testimonial-two-content">
                                        <div class="cvt-testimonial-two-desc">
                                            <p>Lorem Ipsum is simply dummy text printing and typesetting industry. Lorem Ipsum been the industry standard dummy text ever since the 1500s, when unknown printer took galley type and scrambled it to make specimen book.</p>
                                        </div>

                                        <div class="cvt-name-designation">
                                            <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                            <span class="cvt-testimonial-designation">happy gardener</span>
                                        </div>
                                    </div>

                                    <div class="cvt-testimonial-content-icon">
                                        <i class="flaticon-vegan"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Testimonial Section End -->

        <!-- CTA Section -->
        <section class="cta-section-wrapper cvt-cover-bg" data-background="assets/images/others/cta-bg.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-8 wow fadeInUp" data-wow-duration="1.25s">
                        <h3 class="cvt-cta-text">We Have Solution's For Your Garden.</h3>
                    </div>

                    <div class="col-xl-4 offset-xl-2 col-lg-4 my-auto text-center">
                        <a href="contact.html" class="cvt-cta-button wow fadeInUp" data-wow-duration="1.25s">Contact Now <i class="flaticon-farmer"></i></a>
                    </div>
                </div>
            </div>
        </section>
        <!-- CTA Section End -->

        <!-- Recent Post Section -->
        <section class="recent-post cvt-recent-post-two home-three">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Recent Posts</span>
                                <h2 class="cvt-section-title">Latest News From Blog</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="cvt-post-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <a href="blog-details-left-sidebar.html">
                                <h4 class="cvt-post-title cvt-transition">The High Quality Landscaping Solutions From Onland.</h4>
                            </a>

                            <a href="blog-details-left-sidebar.html" class="cvt-post-thumbnail">
                                <img src="assets/images/blog/recent-post-two.jpg" alt="Post Thumbnail">
                            </a>

                            <div class="cvt-recent-post-mata">
                                <ul>
                                    <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                    <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                </ul>
                            </div>

                            <div class="cvt-recent-post-read-more">
                                <a href="blog-details-left-sidebar.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="cvt-post-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <a href="blog-details-left-sidebar.html">
                                <h4 class="cvt-post-title cvt-transition">The High Quality Landscaping Solutions From Onland.</h4>
                            </a>

                            <a href="blog-details-left-sidebar.html" class="cvt-post-thumbnail">
                                <img src="assets/images/blog/recent-post-three.jpg" alt="Post Thumbnail">
                            </a>

                            <div class="cvt-recent-post-mata">
                                <ul>
                                    <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                    <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                </ul>
                            </div>

                            <div class="cvt-recent-post-read-more">
                                <a href="blog-details-left-sidebar.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="cvt-post-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <a href="blog-details-left-sidebar.html">
                                <h4 class="cvt-post-title cvt-transition">The High Quality Landscaping Solutions From Onland.</h4>
                            </a>

                            <a href="blog-details-left-sidebar.html" class="cvt-post-thumbnail">
                                <img src="assets/images/blog/recent-post-one.jpg" alt="Post Thumbnail">
                            </a>

                            <div class="cvt-recent-post-mata">
                                <ul>
                                    <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                    <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                </ul>
                            </div>

                            <div class="cvt-recent-post-read-more">
                                <a href="blog-details-left-sidebar.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Recent Post Section End -->

        <!-- Footer Are -->
        <footer class="site-footer">
            <div class="footer-widget-area cvt-cover-bg">
                <div class="footer-left-image">
                    <img src="assets/images/footer/footer-left-image.png" alt="">
                </div>

                <div class="container">
                    <div class="row">
                        <div class="widget col-lg-3 col-md-0 td_blank_widget"></div>
                        <div class="widget col-lg-3 col-md-6 widget_nav_menu">
                            <h4 class="widget-title">Quick Links</h4>

                            <ul class="menu">
                                <li><a href="about-us.html">About Us</a></li>
                                <li><a href="contact.html">Contact Us</a></li>
                                <li><a href="team.html">Our Team</a></li>
                                <li><a href="services.html">Our Services</a></li>
                                <li><a href="projects.html">Our Projects</a></li>
                                <li><a href="#">Privacy Policy</a></li>
                                <li><a href="#">Our Terms</a></li>
                            </ul>
                        </div>

                        <div class="widget col-lg-3 col-md-6 widget_td_contact_info_widget">
                            <h4 class="widget-title">Contact Info</h4>

                            <div class="cvt-widget-short-desc">
                                <p>Visit our office or connect us via Phone and Email.</p>
                            </div>

                            <ul class="cvt-list-style widget-contact-info-list">
                                <li class="widget-address-desc">
                                    <i class="fas fa-map-marker-alt"></i>
                                    <div class="widget-addr-dsc">
                                        <p>Obere Haltenstrasse, Lugaggia. Switzerland - 6953</p>
                                    </div>
                                </li>

                                <li><a href="tel:+410123456789"><i class="fas fa-mobile-alt"></i>+410 123 456 789</a></li>

                                <li><a href="mailto:admin@carnivaltheme.com"><i class="fas fa-paper-plane"></i>admin@carnivaltheme.com</a></li>
                            </ul>

                        </div>

                        <div class="widget col-lg-3 col-md-6 td_gallery_widget">
                            <h4 class="widget-title">Photo Gallery</h4>

                            <div class="cvt-gallery-photo-wrapper">
                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-one.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-one.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-two.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-two.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-three.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-three.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-four.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-four.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-five.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-five.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-six.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-six.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-seven.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-seven.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-eight.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-eight.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-nine.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-nine.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer-bottom-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <div class="footer-social-icon social-icons">
                                <ul class="cvt-list-style cvt-list-inline">
                                    <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-pinterest-p"></i></a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-6">
                            <div class="site-copyright-text">
                                &copy; OnLand 2021 | All Right Reserved
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="scroll-to-top"><i class="flaticon-leaf"></i></div>
        </footer><!-- Footer Area End -->
    </div><!-- Content Area End-->
</div><!-- Site Content Wrapper End -->
</div><!--Site Wrapper End-->
</template>
<script setup lang="ts">
import {ref,reactive} from "vue"




</script>
<style lang="scss" scoped>




</style>